<!DOCTYPE html>
<!-- 整个网页的开端 -->
<html>
    <!-- 网页头部信息的开端 -->
    <head>
        <!-- 网页的标题（体现在浏览器的标签） -->
        <title>校园科技节</title>

    <!-- 网页头部信息的结束 -->
    </head>

    <!-- 网页主体部分的开端 -->
    <body>
        <!-- 网页的一级标题 -->
        <h1>校园科技节</h1>
    
        <!-- 超链接部分 -->
        <!-- 跳转到主页 -->
        <a href="主页.html">主页</a>
        <!-- 跳转到机器狗项目页面 -->
        <a href="机器狗项目.html">机器狗项目</a>
        
        <!-- 网页的二级标题 -->
        <h2>欢迎来到校园科技节！</h2>
        <!-- 另起一行补充介绍信息 -->
        <p>这里有各种有趣的科技体验项目！</p>

        <!-- 插入以图片形式呈现的超链接,跳转到机器狗项目网页 -->
        <a href="机器狗项目.html">
            <img src="机器狗图片.png" width="300">
        </a>
        <h3>智能机器狗</h3>
        <p>体验最新的人工智能机器人技术</p>

    <!-- 网页主体部分的结束 -->
    </body>
<!-- 整个网页的结束 -->
</html>